@import "_function";
@import "common";

body{
  .bc(#f8e5ff);
}
header{
  .bc(#cf4cff);
  .p(0,30,0,30);
  .oh();
  .back{
    .fl;
    background: url("../img/order_back.png") no-repeat;
    .bgs(27,44);
    .w(27);
    .h(44);
    .m(22,0,22,10);
  }
  h1{
    .fl;
    .lh(88);
    .w(613);
    .c(#fff);
    .fs(30);
    .tc;
  }
  .more{
    .fl;
    .mt(40);
    background: url("../img/order_more.png")no-repeat;
    .bgs(40,8);
    .w(40);
    .h(8);
  }
}
.nav{
  .oh;
  .p(0,30,0,30);
  .bc(#cf4cff);
  li{
    .fl;
    .bdr(6);
    span{
      .db;
      .lh(40);
      .p(0,12,0,12);
      .fs(28);
      .c(#f6ddff);
    }
  }
  .on{
    .bc(#a441ff);
  }
  li~li{
    .ml(44);
  }
}
.status{
  text-align: right;
  .pr(30);
  .lh(60);
  .bc(#fff);
  .c(#d666ff);
  .fs(24);
}
.detail{
  .p(10,30,10,30);
  .oh;
  .db;
  img{
    .fl;
    .w(200);
    .h(200);
    border: 1px solid #666666;
  }
  .title{
    .fl;
    .w(468);
    .lh(44);
    .fs(24);
    .c(#333333);
    .ml(16);
  }
  .price{
    .fl;
    .w(468);
    .lh(30);
    .ml(16);
    .mt(38);
    .fs(24);
    .c(#333333);
  }
  .amount{
    .fl;
    .w(468);
    .lh(24);
    .fs(20);
    .c(#666666);
    .ml(16);
    .mt(12);
  }
}
.total{
  .bc(#fff);
  border-bottom: 1px solid #d6d6d6;
  .p(0,30,0,30);
  span{
    .dib;
    .lh(60);
    .c(#333333);
    .fs(20);
  }
  .amount{
    .ml(200);
  }
  .price{
    em{
      .fs(24);
    }
  }
}
.operate{
  .lh(60);
  .bc(#fff);
  .pl(446);
  span{
    .dib;
    .w(118);
    .lh(38);
    .bdr(12);
    .tc;
    border: 1px solid #6a6a6a;
    .fs(24);
    .c(#333333);
  }
  span~span{
    .ml(20);
  }
  .on{
    .c(#cf4cff);
    border-color: #cf4cff;
  }
}
.order-option~.order-option{
  .mt(32);
}
footer{
  .bc(#ebb2ff);
  .w(690);
  .db();
  .h(98);
  .pf();
  bottom: 0;left: 0;
  .p(0,30,0,30);
  .option1 i{
    background: url("../img/order_f_index.png")no-repeat;
    .bgs(52,46);
    .w(52);
    .h(46);
  }
  .option2 i{
    background: url("../img/home_f_class.png")no-repeat;
    .bgs(46,46);
    .w(46);
    .h(46);
  }
  .option3 i{
    background: url("../img/home_f_shopcart.png")no-repeat;
    .bgs(51,46);
    .w(51);
    .h(46);
  }
  .option4 i{
    background: url("../img/order_f_user.png") no-repeat;
    .bgs(40,46);
    .w(40);
    .h(46);
  }
  .option1,.option2,.option3,.option4{
    .fl();
    .w(78);
    .mt(8);
    i{
      .db();
      margin: 0 auto;
    }
    b{
      .db();
      .tc();
      .lh(24);
      .w(78);
      .fs(20);
      .mt(10);
      .c(#333333);
    }
  }
  div~div{
    .ml(126);
  }
}